﻿@{
    ViewData["Title"] = "Foxtrader";
}
<style>
    #app_7881276594885951 {
        margin-top: 0px;
        position: relative;
        z-index: 0;
    }

        #app_7881276594885951 .pagination {
            text-align: center;
            position: absolute;
            z-index: 1;
            bottom: 30px;
            display: block
        }

            #app_7881276594885951 .pagination span {
                margin-left: 10px;
                margin-right: 10px;
                background-color: #fff;
                padding-left: 6px;
                padding-right: 6px;
                padding-top: 6px;
                padding-bottom: 6px;
            }

    .swiper-container {
        overflow: hidden !important;
    }

    .swiper-wrapper-list, .swiper-pic, .swiper-text {
        margin-left: auto;
        margin-right: auto
    }

    .swiper-container:hover .arrow {
        opacity: 1
    }

    .swiper-container .arrow {
        width: 40px;
        height: 40px;
        border-radius: 40px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
        z-index: 99;
        overflow: hidden;
        line-height: 5pc;
        text-indent: -99em;
        text-align: center;
        opacity: 0;
        cursor: pointer;
        background: rgba(0,0,0,.3);
        text-shadow: 1px 1px 0 hsla(0,0%,100%,.3);
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

        .swiper-container .arrow:after {
            width: 9pt;
            height: 9pt;
            display: block;
            position: absolute;
            left: 14px;
            top: 14px;
            border-width: 3px 3px 0 0;
            border-style: solid;
            border-color: #fff #fff transparent transparent;
            opacity: .7;
            content: ""
        }

    .swiper-container .arrow-left {
        left: 10px;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }

    .swiper-container .arrow-right {
        right: 10px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .paginationImg .swiper-pagination-bullet {
        text-align: center;
        border-radius: 0;
        opacity: .8;
        background: transparent;
        width: 20%;
        height: auto;
    }

    .swiper-container .pagination {
        margin: auto;
    }

    .swiper-container-horizontal > .paginationImg.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0;
    }

    .paginationImg .swiper-pagination-bullet-active {
        opacity: 1;
    }

    .sliderBlock_ready .swiper-slide + .swiper-slide {
        display: none;
    }
</style>
<div class="text-center">
    <div id="app_7881276594885951">
        <div class="swiper-container sliderBlock_wrapper sliderBlock_ready" id="slider_app_7881276594885951">
            <a class="arrow-left arrow hidden-phone" href="javascript:void(0);"></a>
            <a class="arrow-right arrow hidden-phone" href="javascript:void(0);"></a>
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="swiper-wrapper-list">
                        <div class="swiper-pic">
                            <a href="#" target="_blank">
                                <img src="~/images/banner1.jpg" class="responsiveImage" alt="" style="width:100%;" data-lazyload="no">
                            </a>
                        </div>
                        <div class="swiper-text">
                            <a href="#" target="_blank">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="swiper-wrapper-list">
                        <div class="swiper-pic">
                            <a href="#" target="_blank">
                                <img src="~/images/banner2.gif" class="responsiveImage" alt="" style="width:100%;" >
                            </a>
                        </div>
                        <div class="swiper-text">
                            <a href="#" target="_blank">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="swiper-wrapper-list">
                        <div class="swiper-pic">
                            <a href="#" target="_blank">
                                <img src="~/images/banner2.jpg" class="responsiveImage" alt="" style="width:100%;" data-lazyload="no">
                            </a>
                        </div>
                        <div class="swiper-text">
                            <a href="#" target="_blank">
                            </a>
                        </div>
                    </div>
                </div>
                <!--
    <div class="swiper-slide">
        <div class="swiper-wrapper-list">
            <div class="swiper-pic">
                <a href="http://www.kingsfintech.com/t/futures" target="_blank">
                    <img src="https://okgo.top/152583434685983.jpg" class="responsiveImage" alt="" style="width:100%;" data-lazyload="no">
                </a>
            </div>
            <div class="swiper-text">
                <a href="5/futures" target="_blank">
                </a>
            </div>
        </div>
    </div>
        -->
                @*<div class="swiper-slide">
            <div class="swiper-wrapper-list">
                <div class="swiper-pic">
                    <a href="#" target="_blank">
                        <img src="https://okgo.top/152583577041352.jpg" class="responsiveImage" alt="" style="width:100%;" data-lazyload="no">
                    </a>
                </div>
                <div class="swiper-text">
                    <a href="#" target="_blank">
                    </a>
                </div>
            </div>
        </div>*@
            </div>
            <div class="pagination" style=""></div>
        </div>

        <div class="mx-width1200 mt-5">
            <div class="text-center">
                <h4>Foxtrader证券期货</h4>
                <p class="mt-3">华人圈优秀的国际金融服务平台</p>
                <p class="mt-4 mb-5">Foxtrader是金融交易国际化的引领者，是专注于国际金融服务的互联网金融科技集团公司，也是受新西兰权威机构(FSP)监管和美国全国期货协会( NFA )监管的国际投资服务商、国际交易经纪商、软件服务商。我们在奥克兰、香港设有分支机构。致力于为全球华人提供一流的国际金融交易服务。Foxtrader服务各类投资公司及资产管理机构，投资品种丰富，提供包括国际期货、国际股票、期权交易、私募基金等金融产品服务，覆盖全球主流交易品种，提供一站式服务平台，让资产配置全球化变得简单。</p>
            </div>
            <div class="row">
                <div class="col-md-3 ">
                    <div class="row right-dashed ">
                        <img class="m-auto" src="https://okgo.top/150027798244809.png" alt="图片">
                    </div>
                    <div class="row">
                        <p class="m-auto pt-3 pb-3">多级监管</p>
                    </div>
                    <div class="row ml-2 mr-2">
                        <p> 新西兰注册金融服务商，NFA会员，充分保护投资者权益</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="row right-dashed ">
                        <img class="m-auto" src="https://okgo.top/150027799763417.png" alt="图片">
                    </div>
                    <div class="row">
                        <p class="m-auto pt-3 pb-3">卓越服务</p>
                    </div>
                    <div class="row ml-2 mr-2">
                        <p> 开户简单便捷，资金快速结算，客服全天在线</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="row right-dashed ">
                        <img class="m-auto" src="https://okgo.top/150027798244809.png" alt="图片">
                    </div>
                    <div class="row">
                        <p class="m-auto pt-3 pb-3">稳定平台</p>
                    </div>
                    <div class="row ml-2 mr-2">
                        <p>提供稳定的交易平台，免费行情，毫秒级下单体验</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="row">
                        <img class="m-auto" src="https://okgo.top/150027802152295.png" alt="图片">
                    </div>
                    <div class="row">
                        <p class="m-auto pt-3 pb-3">丰富品种</p>
                    </div>
                    <div class="row ml-2 mr-2">
                        <p>期货、股票、期权等多元化金融投资产品</p>
                    </div>
                </div>
            </div>

        </div>
        <!--业务介绍-->
        <div class="mb-5" id="ywjs_bg" >
            <div class="mx-width1200 ">
                <div class="row text-center">
                    <h4 class="m-auto text-white">业务介绍</h4>
                </div>
                <div class="row pb-5 pt-3">
                    <p class="m-auto text-white">开立Foxtrader账户 感受不一样的交易体验</p>
                </div>
                <div class="row">
                    <div class="col-md-3 ">
                        <div class="bg-white " style="overflow:hidden">
                            <div class="row  pt-5 ">
                                <img class="m-auto" src="https://okgo.top/150219440448362.png" alt="图片">
                            </div>
                            <div class="row bottom-dashed pt-3 pb-2 mb-2">
                                <p class="m-auto  ">国际期货</p>
                            </div>
                            <div class="row ml-3 mr-3 pb-3">
                                <p class="">提供原油、黄金、白银、恒指等国际期货投资标的，对冲风险</p>
                            </div>
                            <div class="row w-100 m-auto">
                                <div class="col-md-6 bg-dark a-hover-read">
                                    <a class="text-white line-height40 small">查看</a>
                                </div>
                                <div class="col-md-6  bg-dark a-hover-read" style="border-left:1px solid #FFF">
                                    <a class="text-white small line-height40">下载</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-3 ">
                        <div class="bg-white " style="overflow:hidden">
                            <div class="row  pt-5 ">
                                <img class="m-auto" src="https://okgo.top/150219444883446.png" alt="图片">
                            </div>
                            <div class="row bottom-dashed pt-3 pb-2 mb-2">
                                <p class="m-auto  ">国际股票</p>
                            </div>
                            <div class="row ml-4 mr-4 pb-3">
                                <p class=""> T + 0 双向交易，投资全球优质公司</p>
                            </div>
                            <div class="row w-100 m-auto">
                                <div class="col-md-6 bg-dark a-hover-read">
                                    <a class="text-white line-height40 small">查看</a>
                                </div>
                                <div class="col-md-6  bg-dark a-hover-read" style="border-left:1px solid #FFF">
                                    <a class="text-white small line-height40">下载</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="bg-white " style="overflow:hidden">
                            <div class="row  pt-5 ">
                                <img class="m-auto" src="https://okgo.top/150219446862532.png" alt="图片">
                            </div>
                            <div class="row bottom-dashed pt-3 pb-2 mb-2">
                                <p class="m-auto  ">期权交易</p>
                            </div>
                            <div class="row ml-3 mr-3 pb-3">
                                <p class="">优质金融投资工具，市场透明度高，交易成本低</p>
                            </div>
                            <div class="row w-100 m-auto">
                                <div class="col-md-6 bg-dark a-hover-read">
                                    <a class="text-white line-height40 small">查看</a>
                                </div>
                                <div class="col-md-6  bg-dark a-hover-read" style="border-left:1px solid #FFF">
                                    <a class="text-white small line-height40">下载</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 ">
                        <div class="bg-white " style="overflow:hidden">
                            <div class="row  pt-5 ">
                                <img class="m-auto" src="https://okgo.top/150219440448362.png" alt="图片">
                            </div>
                            <div class="row bottom-dashed pt-3 pb-2 mb-2">
                                <p class="m-auto">其他服务</p>
                            </div>
                            <div class="row  ml-5 mr-5 pb-3">
                                <p class="">提供更多的国际金融投资服务</p>
                            </div>
                            <div class="row w-100 m-auto">
                                <div class="col-md-6 bg-dark a-hover-read">
                                    <a class="text-white line-height40 small">查看</a>
                                </div>
                                <div class="col-md-6  bg-dark a-hover-read" style="border-left:1px solid #FFF">
                                    <a class="text-white small line-height40">下载</a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>




            </div>

        </div>


        <!--价值体系-->
        <div id="">
            <div class="pt-5">
                <h4>价值体系</h4>
                <p class="pt-3">开拓进取 勇于创新 构建国际金融领域价值链</p>
                <div class="">
                    <img src="~/images/utf-8' '152765168053535.jpg"  alt="金融价值链">
                </div>
                <div>
                    <p>了解价值体系</p>
                    <p>获得更稳、更快、更安全的交易体验</p>
                    <div class="a-hover-read bg-dark m-auto d-inline-block pr-4 pl-4 pt-2 pb-2" >
                        <a class="text-white">关于我们</a>
                    </div>
                </div>
            </div>

        </div>




    </div>

</div>

<script>

    ; (function ($) {

        var id = 'app_7881276594885951',
            idangerousJs = "/lib/swiper/swiper-3.3.1.jquery.min.js",
            slideCss = '/lib/swiper/swiper-3.3.1.min.css',
            isIe8 = '',
            silder = '#slider_app_7881276594885951',
            effect = '0',//切换效果
            loop = '1',//是否循环
            mode = 'horizontal',//垂直水平
            compatible = '',//兼容低版本
            imgs = $('img.responsiveImage', silder),
            loaded = 0;
        if ((compatible && compatible != '0') || (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.match(/8./i) == "8.")) {
            isIe8 = true;
        } else {
            isIe8 = false;
        };
        responsiveImage(silder + ' div.swiper-pic:first');
        appReady[id] = {
            resources: [slideCss, idangerousJs],
            onReady: function () {
                $(silder).removeClass('sliderBlock_ready');
                responsiveImage($(silder + ' div.swiper-pic:gt(0)'), true);
                var isShow = '0',
                    button = '1',//按钮显示方式，0不显示，1圆点，2缩略图
                    paginationBulletRender = '',
                    setShow = false;
                if (customMode || isShow == '0' || (isShow == '1' && !isPhoneState) || (isShow == '2' && isPhoneState)) {
                    setShow = true;
                };
                if (button == '2') {
                    var setProportion = "0",
                        crop = '0',
                        ratio = false;
                    if (setProportion && setProportion != '0') {
                        crop = '1';
                        ratio = true;
                    };
                    paginationBulletRender = function (index, className) {

                    };
                };
                if (setShow) {
                    switch (effect) {
                        case '0':
                            effect = 'slide';
                            break;
                        case '1':
                            effect = 'fade';
                            break;
                        case '2':
                            effect = 'cube';
                            break;
                        case '3':
                            effect = 'coverflow';
                            break;
                        case '4':
                            effect = 'flip';
                            break;
                    };
                    var mySwiper = new Swiper(silder, {
                        pagination: silder + ' .pagination',
                        paginationClickable: true,
                        grabCursor: true,
                        resizeReInit: true,
                        loop: loop,
                        slidesPerView: 1,
                        calculateHeight: true,
                        autoplay: 5000,
                        effect: effect,
                        speed: 1000,
                        mode: mode,
                        direction: mode,
                        autoplayDisableOnInteraction: false,
                        paginationBulletRender: paginationBulletRender
                    });

                    Swiper[id] = mySwiper;

                    $(silder + ' .arrow-left').on(click, function (e) {
                        e.preventDefault();
                        if (isIe8) {
                            mySwiper.swipePrev();
                        } else {
                            mySwiper.slidePrev();
                        };
                    });
                    $(silder + ' .arrow-right').on(click, function (e) {
                        e.preventDefault();
                        if (isIe8) {
                            mySwiper.swipeNext();
                        } else {
                            mySwiper.slideNext();

                        };
                    });
                    $(silder).show();

                    var resize = function () {
                        if (isIe8) {
                            mySwiper.resizeFix();
                        } else {
                            mySwiper.onResize();
                        };
                    };
                    $(silder).data('resize', resize);
                    // setTimeout(resize,300);
                    if (imgs.length) {
                        if (imgs[0].complete) {
                            resize();
                        } else {
                            imgs.first().loadImg(resize);
                        };
                    } else {
                        resize();
                    };
                } else {
                    $(silder).remove();
                };
            }
        };
    })(jQuery);
</script>
<script>
    ; (function ($) {
        appInit("app_7881276594885951", { "addClass": { ".pagination": "", ".pagination span": "", "self": "" } });
    })(jQuery);
</script>